/* This Div is the parent of all the Gallery */
.gallery
{
  position :relative ;
  margin :0 auto;
  width :800px;
  height:700px;
  border :none;
  overflow : visible ;
}

.gallery .nextButton
{
  display: inline-block;
  text-align: center;
  /*position :absolute ;
  right :10px;
  top :296px;*/
  width :126px;
  height :107px;
  background : url("../layout/gallery_elements/next_button.gif") no-repeat center;
  cursor :pointer ;
  z-index :9999;
}

.gallery .priorButton
{
  display: inline-block;
  text-align: center;
  /*position :absolute ;
  left :10px;
  top : 296px;*/
  width :126px;
  height: 107px;		
  background : url("../layout/gallery_elements/prior_button.gif") no-repeat center;
  cursor :pointer ;
  z-index :9999;
}

/* This div is where the actualy image is placed..*/
.gallery .image
{
  width :800px;
  /*height :650px;*/
	padding:0;
	border:none;
	list-style:none;
	position: relative;
	overflow: visible;
	display:table-cell; 
	vertical-align:middle; 
	text-align:center
	
}

/* This is the style attached to the currently displayed image (not the div) */
.gallery .image img
{
  display: block;
	margin :0 auto;
}

/* This Style is the comment text div */
.gallery .imageComment
{
  width :600px;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  color: #533714;
  margin: 0 auto;
  text-align:center
}

/* This is the Div containing all the navigation elements so they'll appear on the same line */
.gallery .NavBar {
  text-align:center;
}


/* This is the Div containing the navigation dots */
.gallery .NavButton {
  display: inline-block;
  transform: translateY(-120%); /* This will need adjusting when the next/prev images change size to keep the dots centred.*/
  height :30px;
}

/* These are the actual images of the navigation dots */
.gallery .NavButton .bullet
{
	width :10px;
	height :10px;
	background : url("../layout/gallery_elements/lt-dot.gif") no-repeat center ;
	margin :5px;
	display: inline-block;
	cursor :pointer ;
}

.gallery .NavButton .bullet:hover
{
  background : url("../layout/gallery_elements/dk-dot.gif") no-repeat center ;
}

.gallery .NavButton .bulletActive
{
	background : url("../layout/gallery_elements/dk-dot.gif") no-repeat center ;
	cursor :default ;
}

.top_menu_item {
  cursor :pointer ;
}